@import './_function.less';
.header {
    .h(88);
    .bc(@mainColor);
    display: flex;
    justify-content: space-between;
    align-items: center;

    .back {
        .w(26);
        .h(45);
        background-image: url('../img/icon-back.png');
        .bs(26,
        45);
    }
    .nav {
        .fs(36);
        .c(#fff);
        .dib()
    }
    .search {
        .h(50);
        .w(325);
        .br(25);
        .bc(#fff);
        .pl(75);
        .bs(42,
        41);
        .bp(13,
        5);
        background-repeat: no-repeat;
        background-image: url('../img/icon-search.png');
        input {
            border: none;
            outline: none;
            background-color: transparent;
            .lh(47);
            .h(48);
            .w(300);
            .fs(28);
            .c(@c9);
        }
    }
}
.history{
    .mr(20);
    .ml(20);
    .bb(1,solid,#ff8f00);
    .title{
        .fs(36);
        .mt(40);
    }
    .search{
        .ml(-50);
        .pb(86);
        a{
            display: inline-block;
            .fs(28);
            .ml(50);
            .mt(36);
            .c(#000)
        }
    }
}
.hot{
    .mr(20);
    .ml(20);
    .title{
        .fs(36);
        .mt(40);
    }
    .search{
        .ml(-60);
        .pb(86);
        a{
            .tdn();
            display: inline-block;
            .fs(28);
            .ml(60);
            .mt(36);
            .c(#000)
        }
    }
}